﻿
<!DOCTYPE html>
<html style="" class=" js flexbox flexboxlegacy csstransforms csstransforms3d no-overflowscrolling" lang="en">
<head>

    <!-- Basic -->
    <meta charset="UTF-8">

    <title>Login Page</title>

    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- Import google fonts -->
    <link href="@Url.Content("~/Assets/css/layout.css")" rel="stylesheet" />

    <!-- Favicon and touch icons -->
    <!-- start: CSS file-->
    <!-- Vendor CSS-->
    <link href="@Url.Content("~/Assets/vendor/bootstrap/css/bootstrap.min.css")" rel="stylesheet">
    <link href="@Url.Content("~/Assets/vendor/skycons/css/skycons.css")" rel="stylesheet">
    <link href="@Url.Content("~/Assets/vendor/font-awesome/css/font-awesome.min.css")" rel="stylesheet">

    <!-- Plugins CSS-->
    <!-- Theme CSS -->
    <link href="@Url.Content("~/Assets/css/jquery.mmenu.css")" rel="stylesheet">

    <!-- Page CSS -->
    <link href="@Url.Content("~/Assets/css/style.css")" rel="stylesheet">
    <link href="@Url.Content("~/Assets/css/add-ons.min.css")" rel="stylesheet">

    <style>
        footer {
            display: none;
        }
    </style>

    <!-- end: CSS file-->

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>
    <!-- Start: Content -->
    <div class="container-fluid content">
        <div class="row">
            <!-- Main Page -->
            <div class="body-locked">
                <div class="center-locked">
                    <div class="panel panel-locked">
                        <div class="panel-body">
                            <div class="bk-bg-primary bk-fg-info bk-fg-darken text-center">
                                <img src="@Url.Content("~/Assets/img/avatar1.jpg")" alt="" class="img-circle bk-img-120 bk-border-white bk-border-darken bk-border-3x bk-margin-top-10 bk-margin-bottom-10" />
                            </div>
                        </div>
                        <div class="panel-body bk-padding-left-30 bk-padding-right-30 text-center bk-bg-white">
                            <h3 class="bk-margin-off">
                            <strong>WangZhenHuan's Web</strong>
                            </h3>
                            <br />
                            <div class="form-group" style="text-align:left">
                                <label>Username</label>
                                <div class="input-group input-group-icon">
                                    <input name="username" class="form-control bk-noradius" type="text">
                                    <span class="input-group-addon">
                                        <span class="icon">
                                            <i class="fa fa-user"></i>
                                        </span>
                                    </span>
                                </div>
                            </div>

                            <div class="form-group" style="text-align:left">
                                <label>Password</label>
                                <div class="input-group input-group-icon">
                                    <input name="pwd" class="form-control bk-noradius" type="password">
                                    <span class="input-group-addon">
                                        <span class="icon">
                                            <i class="fa fa-lock"></i>
                                        </span>
                                    </span>
                                </div>
                            </div>
                            @*<span class="help-block text-left">
                                <a href="#">
                                    <small>Forgot password ?</small>
                                </a>
                            </span>*@
                            <div class="pull-right">
                                <button type="button" class="btn btn-primary">Login</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Main Page -->
            <!-- Usage -->
            <!-- End Usage -->

        </div>
    </div><!--/container-->
    <!-- start: JavaScript-->
    <!-- Vendor JS-->
    <script src="@Url.Content("~/Assets/vendor/js/jquery.min.js")"></script>
    <script src="@Url.Content("~/Assets/vendor/js/jquery-2.1.1.min.js")"></script>
    <script src="@Url.Content("~/Assets/vendor/js/jquery-migrate-1.2.1.min.js")"></script>
    <script src="@Url.Content("~/Assets/vendor/bootstrap/js/bootstrap.min.js")"></script>
    <script src="@Url.Content("~/Assets/vendor/skycons/js/skycons.js")"></script>

    <!-- Plugins JS-->
    <script src="@Url.Content("~/Assets/plugins/bootkit/js/bootkit.js")"></script>

    <!-- Theme JS -->
    <script src="@Url.Content("~/Assets/js/jquery.mmenu.min.js")"></script>
    <script src="@Url.Content("~/Assets/js/core.min.js")"></script>

    <!-- Pages JS -->
    <script src="@Url.Content("~/Assets/js/pages/page-lockscreen.js")"></script>

    <!-- end: JavaScript-->

</body>
</html>